<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>分销中心</title>
<link rel="stylesheet" href="../css/FXcss.css">
<link rel="stylesheet" href="../css/jqcss.css">
<script src="../js/jquery-1.9.1.min.js"></script>

</head>

<body>
<header>
	<div class="navbar">
		<div>
			<img src="../images/未标题-1.jpg">			
		</div>
		<h1 class="title">分销中心</h1>
	</div>
</header>

<section>
	<div class="top_logo">
		<img src="../images/top_logo.png">
        <p>hebe</p>
        <span>身份：经销商</span>	
	</div>
    
</section>

<div class="nav">
<ul>
	<li class="nav_1">
    	<p><img src="../images/nav_1.png"></p>
        <span>累计销售</span>
	</li>
    <li class="nav_2">
   	 	<p><img src="../images/nav_2.png"></p>
        <span>累计佣金</span>
    </li>


</ul>
	
</div>

<div class="menu">
<div class="fxzx">
	<dd><img src="../images/menu_1.png"></dd>
    <span>分销中心</span>
    <dt></dt>
	<dl class="jia1">
    <img src="../images/menu_jia.png">
	</dl>
    <dl class="jian1">
    <img src="../images/menu_jian.png">
	</dl>
</div>
<div class="fx_nav1">
    	<li ><img src="../images/menu_jiantou.png"></li>
    	<li>会员中心</li>
        <li>我的店铺</li>
        <li>修改店铺名</li>
</div>


<div class="fxzx">
	<dd><img src="../images/menu_2.png"></dd>
    <span>我的盟友</span>
    <dt>0人</dt>
	<dl class="jia2"><img src="../images/menu_jia.png"></dl>
	    <dl class="jian2">
    <img src="../images/menu_jian.png">
	</dl>
</div>
<div class="fx_nav2">
    	<li ><img src="../images/menu_jiantou.png"></li>
    	<li>VIP1</li>
        <li>VIP2</li>
        <li>VIP3</li>
        <li>VIP4</li>
        <li>VIP5</li>
</div>


<div class="fxzx">
	<dd><img src="../images/menu_3.png"></dd>
    <span>我的佣金</span>
    <dt>0元</dt>
	<dl class="jia3"><img src="../images/menu_jia.png"></dl>
	    <dl class="jian3">
    <img src="../images/menu_jian.png">
	</dl>
</div>
<div class="fx_nav3">
    	<li ><img src="../images/menu_jiantou.png"></li>
    	<li>未付款订单</li>
        <li>已付款订单</li>
        <li>已收货订单</li>
</div>


<div class="fxzx">
	<dd><img src="../images/menu_4.png"></dd>
    <span>申请提现</span>
    <dt>可提：0元</dt>
	<dl class="jia4"><img src="../images/menu_jia.png"></dl>
	    <dl class="jian4">
    <img src="../images/menu_jian.png">
	</dl>
</div>
</ul>
</div>
<div class="fx_nav4">
    	<li ><img src="../images/menu_jiantou.png"></li>
    	<li>提现</li>
        <li>银行卡管理</li>
</div>



<div class="kong">&nbsp; &nbsp;&nbsp; </div>
<footer>
	<div class="footing">
    	<ul>
        	<li>
        <em><img src="../images/foot_1.png"></em>
        <span>首页</span>
            
            </li>
            <li>
        <em><img src="../images/foot_2.png"></em>
        <span>分类</span>
            </li>
            <li>
        <em><img src="../images/foot_3.png"></em>
        <span>搜索</span>
            </li>
            <li>
        <em><img src="../images/foot_4.png"></em>
        <span>购物车</span>
            </li>
         	<li>
        <em><img src="../images/foot_5.png"></em>
        <span>会员中心</span>
            </li>
        
        </ul>
  </div>

</footer>

</body>
<script type="text/javascript">
$(document).ready(function(){
  $(".jia1").click(function(){
  $(".fx_nav1").toggle();
  $(".jia1").hide();
  $(".jian1").show(); 
  });
  $(".jian1").click(function(){
  $(".fx_nav1").toggle();
  $(".jian1").hide();
  $(".jia1").show();
  });
});
$(document).ready(function(){
  $(".jia2").click(function(){
  $(".fx_nav2").toggle();
  $(".jia2").hide();
  $(".jian2").show(); 
  });
  $(".jian2").click(function(){
  $(".fx_nav2").toggle();
  $(".jian2").hide();
  $(".jia2").show();
  });
});
$(document).ready(function(){
  $(".jia3").click(function(){
  $(".fx_nav3").toggle();
  $(".jia3").hide();
  $(".jian3").show(); 
  });
  $(".jian3").click(function(){
  $(".fx_nav3").toggle();
  $(".jian3").hide();
  $(".jia3").show();
  });
});
$(document).ready(function(){
  $(".jia4").click(function(){
  $(".fx_nav4").toggle();
  $(".jia4").hide();
  $(".jian4").show(); 
  });
  $(".jian4").click(function(){
  $(".fx_nav4").toggle();
  $(".jian4").hide();
  $(".jia4").show();
  });
});

</script>
</html>
